//二级菜单区域  
$(function () {
    $('.menu li').on({
        mouseenter: function () {
            $(this).find('div').css('display', 'block')
        },
        mouseleave: function () {
            $('.menu li').find('div').css('display', 'none')
        }
    });


    // 现时秒杀
    setInterval(function () {
        let nowTime = new Date()
        let time = new Date('2021-5-18 20:00:00');
        let countTown = time.getTime() - nowTime.getTime();
        let hour = Math.floor(countTown / 1000 / 60 / 60);
        let minute = Math.ceil(countTown / 1000 / 60 % 60);
        let second = Math.ceil(countTown / 1000 % 60);
        // 补0操作
        hour < 10 ? hour = `0${hour}` : '';
        minute < 10 ? minute = `0${minute}` : '';
        second < 10 ? second = `0${second}` : '';
        $('.time-hour').text(hour);
        $('.time-minute').text(minute);
        $('.time-second').text(second);
    }, 1000);

    let flag_side = true
    // 侧边小导航栏  和搜索框显示
    onscroll = () => {
        // console.log(scrollY);
        // scrollY >= 900 ? $('.Side-navigation-bar').css({
        //     position: 'fixed',
        //     top: 100
        // }) : $('.Side-navigation-bar').css({
        //     position: 'absolute',
        //     top: 300,
        // })

        if (scrollY >= 900) {
            if (flag_side) {
                flag_side = false
                $('.Side-navigation-bar').css({
                    position: 'fixed',
                    top:50
                }).animate({
                    top: 150
                }, 300);
            }

        }else{
            flag_side=true
            $('.Side-navigation-bar').css({
                    position: 'absolute',
                    top: 300
                })
        }






    }

    /* 鼠标悬停移出事件  方法1添加类名来改变颜色
    $('.Side-navigation-bar span').on({
        mouseenter: function () {
            $(this).addClass(`bgc${$(this).index()}`).find('a').css('display', 'block').addClass(`bgc${$(this).index()}`)
        },
        mouseleave: function () {
            $(this).removeClass(`bgc${$(this).index()}`).find('a').css('display', 'none').removeClass(`bgc${$(this).index()}`)
        },
        // 点击事件
        click: function () {
            scrollTo(0, 2000 + $(this).index() * 660);
        }
    }).eq(5).on('click', function () {
        $('html').animate({
            scrollTop: 0
        }, 1000);
    }) */


    // 鼠标悬停移出事件   方法2  获取自定义属性值赋给他

    $('.Side-navigation-bar span').on({
        /* 移入事件 */
        mouseenter: function () {
            let color = $(this).attr('bgc');
            $(this).css('backgroundColor', color).find('a').css({
                display: 'block',
                backgroundColor: color
            })
        },
        /* 移出事件 */
        mouseleave: function () {
            $(this).css('backgroundColor', '').find('a').css({
                display: 'none',
                backgroundColor: ''
            })
        },
        /* 点击事件 */
        click: function () {
            if ($(this).index() < 4) {
                let i = $('.biaoji').eq($(this).index()).offset().top;
                $('html').animate({
                    scrollTop: i - 40
                }, 500)
            } else {
                $('html').animate({
                    scrollTop: 0
                }, 1000);
            }

        }
    })







    // 轮播图
    $("#target-2").HappyImage({
        effect: "slide",
        autoplay: 2000
    });

    $("#target-1").HappyImage({
        effect: "slide",
        autoplay: 2000
    });


    // 中间内容区域切换
    $('.mian-nav div span').on('mouseenter', function () {
        $(this).closest('.biaoji').find('.right ul').addClass('none').eq($(this).index()).removeClass('none');

    })

})